<template>
    <div>
        <header>
            <div class="search-section">
                <input placeholder="安全帽" />
                <button></button>
            </div>
        </header>
        <div class="lists">
            <h3>安全责任</h3>
            <ul>
                <li>
                    未明确和落实各级人员安全生产岗位职责
                </li>
                <li>
                    未明确和落实各级人员安全生产岗位职责
                </li>
                <li>
                    未明确和落实各级人员安全生产岗位职责
                </li>
                <li>
                    未明确和落实各级人员安全生产岗位职责未明确和落实各级人员安全生产岗位职
                </li>
            </ul>
        </div>
    </div>
</template>
<script>
export default {
    name: 'selectBrank1'
}
</script>
<style lang="less" scoped>
header {
    padding: 10px 20px;
    background: #ebeef3;
    .search-section {
        display: flex;
        align-items: center;
        width: 100%;
        height: 40px;
        background: #fff;
        border-radius: 6px;
        overflow: hidden;
        padding: 0 8px 0 12px;
        input {
            flex: 1;
        }
        button {
            width: 24px;
            height: 24px;
            background: url(../../../static/images/s_03.png) no-repeat center;
            background-size: contain;
        }
    }
}
.lists {
    padding-left: 10px;
    h3 {
        color: #2369ff;
        font-size: 15px;
        height: 55px;
        line-height: 55px;
        border-bottom: 1px solid #f0eff5;
        font-weight: 500;
    }
    li {
        display: flex;
        align-items: center;
        padding: 15px 10px;
        border-bottom: 1px solid #f0eff5;
        color: #333;
        font-size: 12px;
        line-height: 18px;
    }
}
</style>
